@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .bg-gradient-custom {
        background: linear-gradient(135deg, #165DFF 0%, #722ED1 100%);
    }
    .message-hover {
        transition: all 0.2s ease;
    }
    .message-hover:hover {
        background-color: #f9fafb;
    }
    .scrollbar-thin::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .scrollbar-thin::-webkit-scrollbar-thumb {
        background-color: rgba(156, 163, 175, 0.5);
        border-radius: 2px;
    }
    .scrollbar-thin::-webkit-scrollbar-track {
        background: transparent;
    }
    .message-hidden {
        display: none !important;
    }
    .typing-animation {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .typing-animation span {
        height: 8px;
        width: 8px;
        margin: 0 1px;
        background-color: #6B7280;
        border-radius: 50%;
        display: block;
        animation: typing 1.4s infinite ease-in-out both;
    }
    .typing-animation span:nth-child(1) {
        animation-delay: -0.32s;
    }
    .typing-animation span:nth-child(2) {
        animation-delay: -0.16s;
    }
    @keyframes typing {
        0%, 80%, 100% { transform: scale(0); }
        40% { transform: scale(1); }
    }
}

/* Tailwind 配置通过单独的脚本加载，这里只保留工具类样式 */
